


/*导航、幻灯、工具 区域开始*/
#main{width:100%;height: 398px;background:#ccc;}

 
/*幻灯片*/
 #banner{width:100%;height:398px;position:absolute;overflow:hidden; }
#banner .bd{ width:100%;height: 398px;}
#banner .bd li .m-width {width:750px;margin:0 auto;overflow:hidden;position:relative;height: 398px;}
#banner .bd li{width:100%;height:398px;}
#banner .bd li a{display:block;background-size:auto;}

.btn{width:750px;position:absolute;top:120px;left:66.1%;margin-left:-605px;}
.btn a{display:block;width:45px;height:90px;position:absolute;top:0;filter:alpha(opacity=40);-moz-opacity:0.4;-khtml-opacity:0.4;opacity:0.4;}
.btn a.prev{left:15px;top:40px; background:url(../images/pre.png) no-repeat;display:none;opacity:0.4;} 
.btn a.next{right:-10px;top:40px;background:url(../images/next.png) no-repeat;display:none;opacity:0.4;}
#banner:hover .btn a{display:block;}
#banner .hd {position:absolute;top:245px;left:264px;width:221px;}
#banner .hd ul li{width:15px;height:15px;text-indent:-9999px;margin: 0 6px;background:#ccc;float:left;cursor:pointer;}

/*右边便携工具*/
 #main .m{width: 240px;height:220px;float: right;}
 #main .right{width: 240px;height: 398px;background: #fff;z-index: 2;position: absolute;left:50%;margin-left:380px;}
 .shortcut{width: 240px;position: relative;}
 .shortcut h3{font-family:"微软雅黑";font-weight: normal;font-size:14px;color:#666;margin:10px 0 10px 10px; }

 .shortcut ul li{float: left;width:60px;padding-left:13px;margin:5px 0 0 6px;}
 .shortcut ul li  span a{display: block;text-align: center;}
 .m{width: 236px;height:220px;margin-top:40px;position: relative;}
.m p.t{position: relative;left:0;top:40px;}
 .m p a{background: #F7F7F7;line-height: 31px;width:77px;border-width: 0px 1px 1px;border:1px solid #EEE;display:inline-block;float: left;text-align:center;margin-left:-1px;border-bottom: none;}
 .m p a.cur,.m p a:hover{background: #fff;color:#E60012;}
 .m .tab{font-size:12px;left:10px;top:30px;display: none;width: 240px;padding:50px 0 0 10px; }
 .m .tab span{line-height: 32px;margin-left:25px;width: 236px;}

 .m .tab p{line-height: 20px;}
 .m .tab p.txt1{color:#666;}
 .m .tab p .text{width: 121px;height: 24px;color: #666;border:1px solid #CCC;margin:5px 0 15px 0;}
 .m .tab .int{width:121px;height: 24px;color: #ccc;border:1px solid #CCC;}
 .m .tab p span{margin-left:24px;}
 .m .tab p b{color:#E60012;font:12px Arial,Helvetica,sans-serif;font-weight: bold;}
.m .tab p.info{color:#06C;/*position: absolute;left:100px;top:200px;*/padding:10px 0 0 50px;}


 /*产品区块团购*/
 .goods{width: 100%;background: #F9F9F9;margin:auto;position: relative;}
 .tuan{width: 1200px;height:400px;margin:0 auto;padding-top:20px;}
 .tuan .t-l{float: left;}
 .tuan .t-r{float: left;width:960px;height: 400px;background: #fff;}
 .tuan .t-r ul li{width: 239px;height: 200px;float: left;border:1px solid #F2F2F2;border-left:none;position: relative;border-bottom: none;}
 .tuan .t-r ul li a{font-family: "Microsoft YaHei";}
  .tuan .t-r ul li a strong{color: #333;font-weight:bold;font-size:16px;position: absolute;left:75px;top:15px;}
  .tuan .t-r ul li a span{color:#666;font-size:14px;position: absolute;left:60px;top:37px;}
  .tuan .t-r ul li.small a img{position: absolute;left:38px;top:68px; }
  .tuan .t-r ul li.small a img:hover{transform:translateX(-5px);transition:transform 0.2s linear 0s;}
  .tuan .t-r ul li.small.end{position: relative;left:240px;top:0px;}
  /*广告*/
  .ad2{margin:0 auto; width: 1200px;padding-top: 20px;}

  /*1F 进口海购*/
  .f{width:1200px;margin:0 auto;height: 420px;}
  .f .title{width:1200px;height: 36px;padding-top:20px;border-bottom: 2px solid #FF4500;}
.f .title .bt{color: #FF4500;float:left;}
.f .title .bt a{font-family: "Microsoft YaHei";font-size:16px;font-weight:bold;line-height: 32px;height: 32px;color: #FF4500;}
.f .title .keyword{float: right;color: #999;margin-top:10px;}
.f .title .keyword a{color: #666;border-right:1px solid #ccc;display:inline-block;padding:0 4px;line-height:10px;}
.f .title .keyword a.end{border-right: none;}
.f .title .keyword a:hover{color:#E60012;}
.f .l {float: left;width: 189px;height: 340px;border-right:1px solid #F4F4F4;background: #fff;padding:10px;}
.f .l ul{height: 99px;}
.f .l ul li{float: left;width: 84px;height: 33px;margin-left:5px;border-bottom: 1px dotted #EEE;}
.f .l ul li a{padding:6px 5px;line-height: 33px;color:#333;text-align: center;}
.f .l ul li a:hover{color:#E60012;}
.f .l a.img{margin-top:10px;display:block;}

.f .c a:hover img{opacity: 0.8;}

/*产品区块轮播图*/
.f .c{width: 330px;height: 360px;position: relative;overflow: hidden;float: left;}
.f .c.yi{width: 320px;height: 322px;position: relative;overflow: hidden;float: left;}
.f .c.nv{width: 320px;height: 322px;position: relative;overflow: hidden;float: left;}
.f .c img{float: left;}
.f .c .im{width: 990px;height: 360px;position: absolute;left: 0;top: 0;}
.f .c ul{position: absolute;left: 105px;bottom: 23px;height: 6px;width: 120px;}
.f .c ul li{float: left;list-style: none;width: 30px;height: 6px;background: #ddd;margin-right: 8px;}
.f .c ul li:hover{cursor:pointer;}



.f .r{width:657px;float: right;height:360px;background: #fff;}
.f .r ul li{width:218px;height:181px;border-right:1px solid #F4F4F4;float: left;border-top:1px solid #F4F4F4;position: relative; }
.f .r ul li a:hover img{opacity:0.8;}
.f .r ul li a:hover p.t{color:#E60012;}
.f .r ul li a img{width: 120px;height:120px;position: absolute;left:45px;top:10px;}
.f .r ul li a p.t{position: absolute;left:15px;top:137px;color: #666;font-family: "Microsoft Yahei";width:190px;height:20px;overflow:hidden;}
.f .r ul li a p.price{position:absolute;left:90px;top:160px;font-weight: bold;color:#E60012;font-family: "century gothic";font-size:14px;}
/*4F 个人厨卫*/
.f.f4{/*height: 602px;*/}
.f.f4 .title{border-bottom: 2px solid #A7D22D;}
.f.f4 .title .bt a{color: #A7D22D;}
.f.f4 .d{width: 1200px;position: relative;}
.f.f4 .d a img{float: left;border-top:1px solid #F4F4F4;margin-top:-2px;border-right:1px solid #F4F4F4;}
.f.f4 .d a:hover img{opacity: 0.8;}
/*2F 流行百货*/
.f.f2{position:relative;}
.f.f2 .title{border-bottom: 2px solid #7B6859;}
.f.f2 .title .bt a{color: #7B6859;}
.f.f2 .d{clear: both;float: left;}
.f.f2 .pic{float: right;width:218px;height:365px;position: absolute;left:981px;top:596px;}
.f.f2 .pic a img{position: absolute;left:1px;top:-357px;width:216px;height: 356px;}
/*品牌轮播图*/
.brand{width: 180px;height: 230px;position:relative;}
.brand .bra{width:100px;height: 220px;margin: 10px auto;position: relative;overflow: hidden;background: #fff;}
.brand .bra img{float: left;width: 100px;height: 220px;}
.brand .bra .im{width:300px;height: 220px;position: absolute;left: 0;top: 0;}
.brand a.btn{width:9px;height: 15px;background:url(../images/sprite1.png) no-repeat;cursor:pointer;display: block; }
.brand a.btn.pre{background-position: -82px -205px;position: absolute;left:10px;top:107px;}
.brand a.btn.right{background:url(../images/sprite1.png) no-repeat  -92px -205px;position: absolute;right:10px;top:107px; }

/* 7F手机家电*/
.f.f7{/*height: 602px;*/}
.f.f7 .title{border-bottom: 2px solid #3E73FF;}
.f7 .title .bt a{color: #3E73FF;}
.f7 .c{float: left;}






/*8F 闪购*/
.f.f8{clear:both;height:386px;position: relative;padding-bottom: 0px;}
.f.f8 .title{border-bottom: 2px solid #CEA145;}
.f.f8 .title .bt a{color: #CEA145;}
/* .f.f8 .title .keyword a{border:none;font-size:14px;color:#333;font-family: "century gothic";font-weight:bold;}
.f.f8 .title .keyword a:hover{color:#E60012;} */
.f.f8 .title .tab{width:600px;height: 32px;float: left;line-height: 33px;margin-left: 35px;position: relative;}

.f.f8 .title .tab ul li{float:left;/*padding:0 8px;*/width: 70px;height: 33px;}
/*.f.f8 .title .tab ul li.cur{}*/
.f.f8 .title .tab em.arrow{width:0px;height:0px;position: absolute;left:28px;top:26px;
	    border-left: 5px solid transparent;
		border-right: 5px solid transparent;
		border-bottom: 5px solid #CEA145;
		border-top: 5px solid transparent; }
    .f.f8 .title .tab ul li a{ padding:0 8px;}
.f.f8 .title .tab ul li.cur a{color:#CEA145;}
.f.f8 .sg{width: 1200px;display:none;position: absolute;}
.f.f8 .sg ul li{float: left;position: relative;}
.f.f8 .sg ul li a:hover img{opacity: 0.8;}
.f.f8 .sg ul li.t a span{font-family: "Microsoft YaHei";line-height: 22px;font-size:14px;color:#333;position: absolute;left:92px;top:300px;}
.f.f8 .sg ul li.t a span.big{position: absolute;left:156px;top:318px;}
.f.f8 .sg ul li.t a span b{font-weight:bold;font-family: "Century Gothic";font-size: 22px;color: #E94919;}

.f.f2,.f.f3,.f.f4,.f.f5,.f.f6,.f.f7,.f.f8,.f.f9,.f.f8{clear:both;}
